<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景属性</title>
		<style>
			bo dy{
				width: 100%;
				height: 10000000px;
				background-image: url(img/雪人.png);
				background-size: cover;
				
				/*  */
				background-attachment: fixed;
			}
			div{
				width: 300px;
				height: 300px;
				background-color: #e4393c;
				background: #ffff00;
				background-image: url(img/雪人.png);
				/* 问题：超大图-不显示  小图-显示
				 注意：背景空间大小，如果图小于背景空间---平铺
				 */
				background-repeat: repeat-y;
				/* no-repeat不平铺  repeat-x，y 横纵向平铺 */
				background-size: 100%;
				/* 背景尺寸属性值：数值px % | 函数 cover contain */
			}
		</style>
	</head>
	<body>
		<!--   html img图片  引入一张图片，位置不可随意改变
			  css 背景图片    引入一张图片，位置可以随意改变
			   子属性 background-color 背景颜色
			        background-image  背景图
			   复合属性 background 替代子属性
			   -->
			   <div></div>
	</body>
</html>